<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品论坛</title>
    <link rel="stylesheet" href="../plugins/layui/layui-v2.5.6/layui/css/layui.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/buycar.css">
    <link rel="stylesheet" href="../css/class.css">
    <link rel="stylesheet" href="../css/foot.css">
    <style>
        /* .r1-outer{
            width: 100%;
            height: ;
        } */
        .recommend{
            height: 600px;
            width: 70%;
            /* margin-left:; */
            border: 1px solid #efefef;
            float: left;
            /* background-color: #f0f0f8; */
        }
        .r1{
            height: 100px;
            width: 100px;
        }
        .ranking{
            height: 600px;
            width: 20%;
            border: 1px solid #efefef;
            float: right;
        }
        
    

    </style>
</head>
<body>
    <div id="buycar-outer">
        
        <script src="../plugins/layui/layui-v2.5.6/layui/layui.js"></script>
        <script src="../js/paper.js"></script>
        <script>


          layui.use(['form', 'element'], function(){
         var element = layui.element; 
        var form=layui.form;
     
     //监听导航点击
     element.on('nav(demo)', function(elem){
     //console.log(elem)
     layer.msg(elem.text());

     form.on('select(phone_type)', function(data){
        // console.log(data.elem.checked); //是否被选中，true或者false
        console.log(data.value); //复选框value值，也可以通过data.elem.value得到
    });
     });
    });

    layui.use(['rate'], function(){
  var rate = layui.rate;
  //基础效果
  rate.render({
    elem: '#test2'
    ,value: 2 //初始值
    ,text: true //开启文本
  });

  rate.render({
    elem: '#test3'
    ,value: 2 //初始值
    ,text: true //开启文本
  });

  rate.render({
    elem: '#test4'
    ,value: 2 //初始值
    ,text: true //开启文本
  });

  rate.render({
    elem: '#test5'
    ,value: 2 //初始值
    ,text: true //开启文本
  });
});
</script>

                  
<div class="nav">
    <div style="padding-left: 80px;">
    <i class="layui-icon layui-icon-home" style="font-size: 20px; color: gray;"></i> 
   <a href="../index.html">店铺首页</a>
    <i class="layui-icon layui-icon-location" style="font-size: 20px; color: gray;"></i>
    安徽
    <div class="nav2">
        <span class="layui-breadcrumb" lay-separator="|" style="padding-left: 90px;">
            <a href="../view/login.html">登录</a>
            <a href="..view/register.html">注册</a>
            <a href="../view/self-center.html">个人中心</a>
            <a href="../view/order.html" style="padding-left:20px ;">我的订单</a>
            <a href="../view/collect.html"style="padding-left:20px ;">我的生鲜</a>
            
            <a href="../view/seckile.html"style="padding-left:20px ;">限时秒杀</a>
            <a href="../view/forum.html"style="padding-left:20px ;">好物推荐</a>
           
          </span>              
    </div>
    </div>
</div>


       

<div class="product-class-mid">

    <div class="buycar-rearch">
        <div class="nav-logo">
            <div class="search">
                <div class="layui-container">
                    <!-- 定义行 -->
                    <div class="layui-row">

                        <div class="layui-col-md3">
                    <img src="../img/logo.png" style="height: 90px; margin-top: 30px;">
                </div>
    
                <div class="layui-col-md7" style="margin-top: 50px; text-align: center;">
                    <span id="parent">
                        <span class="c1"></span>
                        <span>
                            <input type="text" id="search02" style="margin-left: 100px;">
                        </span>
                        <span style="position: relative;">
                            <a href="../view/product-class.html"><button class="b1">搜索</button></a>
                            
                           
                        </span> 
                        
                    </span> 

                    <span class="layui-breadcrumb" lay-separator="|" style="padding-left: 90px;">
                        
                        <a href="../view/product-class.html" style="margin-left: 50px ;">柚子</a>
                        <a href="../view/product-class.html"style=" ;">柠檬</a>
                        <a href="../view/product-class.html"style=" ;">橙子</a>
                        <a href="../view/product-class.html"style=" ;">车厘子</a>
                        <a href="../view/product-class.html"style=";">海鲜</a>
                        <a href="../view/product-class.html"style=" ;">西瓜</a>
                        <a href="../view/product-class.html"style=" ;">奇异果</a>
                        <a href="../view/product-class.html"style=" ;">蓝莓</a>
                        
                      </span>              
                </div>

                <div class="layui-col-md1"  style="margin-top: 50px;">
                    <a href="../view/buycar.html" class="layui-btn layui-btn-primary" style="margin-left: 100px;">我的购物车</a>                       
                </div>
                    </div>
                </div>
            </div>             
        </div> 
    </div>
            <hr class="layui-bg-gray">

            <!-- <div class="re-outer">


            </div> -->


            <div class="recommend">
            <div class="recommend-01" style="width: 100%; height: 30px;">
                <div class="layui-container">
                    <div class="layui-row">
                        <div class="layui-col-md1">
                            <span id="fc1" style=" font-size: 20px; font-family: '宋体' serif; color:green;">好物推荐</span>
                        </div>

                        <div class="layui-col-md1" style="margin-top: 5px;">
                            <a style="color:blueviolet;">更多推荐></a>
                        </div>

                        <div class="layui-col-md2" style="margin-top: 5px;">
                           <a style="color: blueviolet;">最新推荐></a>
                        </div>
                        <div class="layui-col-md3" style="margin-top: 5px;">
                            <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">
                                <i class="layui-icon">我的推荐</i>
                              </button>
                         </div>
                         <div class="layui-col-md3" style="margin-top: 5px;">
                            <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">
                                <i class="layui-icon">我要推荐</i>
                              </button>
                         </div>
                    </div>
                </div>
            </div>
            <hr class="layui-bg-gray">

            <div class="recommend-02" style="width: 100%; height: 100px;">
                <div class="layui-container">
                    <div class="layui-row">
                        <div class="layui-col-md2">
                            <img class="r1" src="../img/timg.jpg">
                        </div>

                        <div class="layui-col-md3">
                            <span id="fc1" style=" font-size: 15px; font-family: '宋体' serif; color:green;">新疆玉米</span>
                            <div><span id="fc1" style=" font-size: 15px; font-family: '宋体' serif; color:green;">推荐指数:</span></div>
                            <div id="test2"></div>
                            
                        </div>

                        <div class="layui-col-md3">
                            <div><span id="fc1" style=" font-size: 15px; font-family: '宋体' serif; color:green;">推荐理由:</span></div>
                            <p>终生都没能摆脱“硬汉派推理小说家”标签的雷蒙德·钱德勒，1959年因酗酒和肺炎死于美国加州某诊所。在那之后，他的故事却好像一直没法结束</p>
                        </div>

                        <div class="layui-col-md3" style="margin-left: 70px;">
                            <div><span id="fc1" style=" font-size: 15px; font-family: '宋体' serif; color:green;">推荐人:</span></div>
                           <a>小花老师</a>
                           <div class="01" style="margin-top:20px ;">
                            <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">
                                <i class="layui-icon">加入购物车</i>
                              </button>
                           </div>
                           
                        </div>
                    </div>
                </div>
            </div>

            <hr class="layui-bg-gray">

            <div class="recommend-02" style="width: 100%; height: 100px;">
                <div class="layui-container">
                    <div class="layui-row">
                        <div class="layui-col-md2">
                            <img class="r1" src="../img/meat.jpg">
                        </div>

                        <div class="layui-col-md3">
                            <span id="fc1" style=" font-size: 15px; font-family: '宋体' serif; color:green;">新疆玉米</span>
                            <div><span id="fc1" style=" font-size: 15px; font-family: '宋体' serif; color:green;">推荐指数:</span></div>
                            <div id="test3"></div>
                            
                        </div>

                        <div class="layui-col-md3">
                            <div><span id="fc1" style=" font-size: 15px; font-family: '宋体' serif; color:green;">推荐理由:</span></div>
                            <p>终生都没能摆脱“硬汉派推理小说家”标签的雷蒙德·钱德勒，1959年因酗酒和肺炎死于美国加州某诊所。在那之后，他的故事却好像一直没法结束</p>
                        </div>

                        <div class="layui-col-md3" style="margin-left: 70px;">
                            <div><span id="fc1" style=" font-size: 15px; font-family: '宋体' serif; color:green;">推荐人:</span></div>
                           <a>小花老师</a>
                           <div class="01" style="margin-top:20px ;">
                            <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">
                                <i class="layui-icon">加入购物车</i>
                              </button>
                           </div>
                           
                        </div>
                    </div>
                </div>
            </div>
            <hr class="layui-bg-gray">
            <div class="recommend-02" style="width: 100%; height: 100px;">
                <div class="layui-container">
                    <div class="layui-row">
                        <div class="layui-col-md2">
                            <img class="r1" src="../img/11.jpg">
                        </div>

                        <div class="layui-col-md3">
                            <span id="fc1" style=" font-size: 15px; font-family: '宋体' serif; color:green;">新疆玉米</span>
                            <div><span id="fc1" style=" font-size: 15px; font-family: '宋体' serif; color:green;">推荐指数:</span></div>
                            <div id="test4"></div>
                            
                        </div>

                        <div class="layui-col-md3">
                            <div><span id="fc1" style=" font-size: 15px; font-family: '宋体' serif; color:green;">推荐理由:</span></div>
                            <p>终生都没能摆脱“硬汉派推理小说家”标签的雷蒙德·钱德勒，1959年因酗酒和肺炎死于美国加州某诊所。在那之后，他的故事却好像一直没法结束</p>
                        </div>

                        <div class="layui-col-md3" style="margin-left: 70px;">
                            <div><span id="fc1" style=" font-size: 15px; font-family: '宋体' serif; color:green;">推荐人:</span></div>
                           <a>小花老师</a>
                           <div class="01" style="margin-top:20px ;">
                            <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">
                                <i class="layui-icon">加入购物车</i>
                              </button>
                           </div>
                           
                        </div>
                    </div>
                </div>
            </div>
            <hr class="layui-bg-gray">
            <div class="recommend-02" style="width: 100%; height: 100px;">
                <div class="layui-container">
                    <div class="layui-row">
                        <div class="layui-col-md2">
                            <img class="r1" src="../img/timg.jpg">
                        </div>

                        <div class="layui-col-md3">
                            <span id="fc1" style=" font-size: 15px; font-family: '宋体' serif; color:green;">新疆玉米</span>
                            <div><span id="fc1" style=" font-size: 15px; font-family: '宋体' serif; color:green;">推荐指数:</span></div>
                            <div id="test5"></div>
                            
                        </div>

                        <div class="layui-col-md3">
                            <div><span id="fc1" style=" font-size: 15px; font-family: '宋体' serif; color:green;">推荐理由:</span></div>
                            <p>终生都没能摆脱“硬汉派推理小说家”标签的雷蒙德·钱德勒，1959年因酗酒和肺炎死于美国加州某诊所。在那之后，他的故事却好像一直没法结束</p>
                        </div>

                        <div class="layui-col-md3" style="margin-left: 70px;">
                            <div><span id="fc1" style=" font-size: 15px; font-family: '宋体' serif; color:green;">推荐人:</span></div>
                           <a>小花老师</a>
                           <div class="01" style="margin-top:20px ;">
                            <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">
                                <i class="layui-icon">加入购物车</i>
                              </button>
                           </div>
                           
                        </div>
                    </div>
                </div>
            </div>
            <hr class="layui-bg-gray">

            <div id="demo7" style="margin-left:120px">
            </div>
            </div>

            <div class="ranking">

                <div class="recommend-01" style="width: 100%; height: 30px;">
                    <div class="layui-container">
                        <div class="layui-row">
                            <div class="layui-col-md2">
                                <span id="fc1" style=" font-size: 20px; font-family: '宋体' serif; color:green;">好物排行榜</span>
                            </div>
                        </div>
                    </div>
                </div>
                <hr class="layui-bg-gray">

                <div class="recommend-02" style="width: 100%; height: 30px;">
                    <div class="layui-container">
                        <div class="layui-row">
                            <div class="layui-col-md1">
                               <p style="font-size: 15px; color: red;">第一名</p>
                            </div>
                            <div class="layui-col-md1">
                                <a style="color: blueviolet;">雪山火龙果</a>
                            </div>
                            <div class="layui-col-md3">
                                <a href="www.baidu.com">去购买</a>
                            </div>    
                            </div>
                        </div>
                    </div>

                    <hr class="layui-bg-gray">
                <div class="recommend-02" style="width: 100%; height: 30px;">
                    <div class="layui-container">
                        <div class="layui-row">
                            <div class="layui-col-md1">
                               <p style="font-size: 15px; color: red;">第二名</p>
                            </div>
                            <div class="layui-col-md1">
                                <a style="color: blueviolet;">雪山火龙果</a>
                            </div>
                            <div class="layui-col-md3">
                                <a href="www.baidu.com">去购买</a>
                            </div>    
                            </div>
                        </div>
                    </div>

                    <hr class="layui-bg-gray">
                <div class="recommend-02" style="width: 100%; height: 30px;">
                    <div class="layui-container">
                        <div class="layui-row">
                            <div class="layui-col-md1">
                               <p style="font-size: 15px; color: red;">第三名</p>
                            </div>
                            <div class="layui-col-md1">
                                <a style="color: blueviolet;">雪山火龙果</a>
                            </div>
                            <div class="layui-col-md3">
                                <a href="www.baidu.com">去购买</a>
                            </div>    
                            </div>
                        </div>
                    </div>

                    <hr class="layui-bg-gray">
                <div class="recommend-02" style="width: 100%; height: 30px;">
                    <div class="layui-container">
                        <div class="layui-row">
                            <div class="layui-col-md1">
                               <p style="font-size: 14px;">第四名</p>
                            </div>
                            <div class="layui-col-md1">
                                <a style="color: blueviolet;">雪山火龙果</a>
                            </div>
                            <div class="layui-col-md3">
                                <a href="www.baidu.com">去购买</a>
                            </div>    
                            </div>
                        </div>
                    </div>

                    <hr class="layui-bg-">
                <div class="recommend-02" style="width: 100%; height: 30px;">
                    <div class="layui-container">
                        <div class="layui-row">
                            <div class="layui-col-md1">
                               <p style="font-size: 14px;">第五名</p>
                            </div>
                            <div class="layui-col-md1">
                                <a style="color: blueviolet;">雪山火龙果</a>
                            </div>
                            <div class="layui-col-md3">
                                <a href="www.baidu.com">去购买</a>
                            </div>    
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div>

    


        <div class="product" style="width: 100%; height: 12%; border: 1px solid black; margin-top: 700px;">
            <div class="bott">
                <div class="bott-f">
                    <div class="layui-row">
                        <div class="layui-col-md3">
                            <div style="font-size: 10px;">
                                <li><img src="../img/duo.png" alt="">品类齐全,轻松购物</li>
                            </div>
                        </div>
                        <div class="layui-col-md3">
                            <div style="font-size: 10px;">
                                <li><img src="../img/kuai.png" alt="">多仓直发,极速配送</li>
                            </div>
                        </div>
                        <div class="layui-col-md3">
                            <div style="font-size: 10px;">
                                <li><img src="../img/hao.png" alt="">正品行货,精致服务</li>
                            </div>
                        </div>
                        <div class="layui-col-md3">
                            <div style="font-size: 10px;">
                                <li><img src="../img/sheng.png" alt="">天天低价,畅选无忧</li>
                            </div>
                        </div>
                    </div>
        
                    <div class="layui-row" style="margin-top: 15px;">
                        <div class="layui-col-md3">
                            <div>
                                <dt>购物指南</dt>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">购物流程</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">会员介绍</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">常见问题</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">热销商品</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">联系客服</a>
                                </dd>
                            </div>
                        </div>
                        <div class="layui-col-md3">
                            <div>
                                <dt>配送方式</dt>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">上门自提</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">211限时达</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">配送服务查询</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">配送费收取标准</a>
                                </dd>
                                <dd>
                                    <a target="_blank" href="#">海外配送</a>
                                </dd>
                            </div>
                        </div>
                        <div class="layui-col-md3">
                            <div>
                                <dt>支付方式</dt>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">货到付款</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">在线支付</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">分期付款</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">公司转账</a>
                                </dd>
                            </div>
                        </div>
                        <div class="layui-col-md3">
                            <div>
                                <dt>售后服务</dt>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">售后政策</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">价格保护</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">退款说明</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">返修/退换货</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">取消订单</a>
                                </dd>
                            </div>
                        </div>
                    </div>
                </div>
    
        </div>
        </div>
        </div>











       
</body>
</html>